﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pictures.aspx.cs" Inherits="GDIT.page.general.pictures" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>广东科学技术职业学院－学校概况－校园风貌</title>
    <link href="../../css/insecond.css" rel="stylesheet" type="text/css" />
    <link href="../../css/global.css" rel="stylesheet" type="text/css" />
    <script src="../../js/scenery2.js" type="text/javascript"></script>

    <style type="text/css">
    body{ text-align:left;}
    #gallery {position:relative; width:690px;background:#fff;height:1050px}
    
    #thumbnails {width:626px;height:75px; overflow:hidden; margin:20px 30px 60px 30px; position:absolute;top:350px;border:2px solid #fff;background:#FFF; cursor:pointer}
    #innerContainer {position:absolute; left:0; top:0; height:75px; overflow:hidden;}
    #thumbnails ul {margin:0; padding:0; list-style:none;}
    #thumbnails ul li {float:left; height:75px;}
    #thumbnails ul li div {display:none;}
    #thumbnails ul li img {display:block; height:75px; padding:0 1px;}/*滑动图片的大小*/
      
    #fullSize div {margin:0 auto;  background:url(/publish/th/campus/../../images/scenery/campus_1_2_bg.gif) top repeat-x; text-align:left;padding:10px 40px;}
    /*这个div的背景是图片说明名字后边的背景*/
    #fullSize div h1 {margin:0; padding:0; font-size:18px; line-height:18px; color:#fff;}
    #fullSize img {width:690px;height:472px}
    #clickLeft {width:40px; height:40px; position:absolute; left:5px; top:390px; background:url(../../img/second/left.png); cursor:pointer}
    #clickRight {width:40px; height:40px; position:absolute; left:645px; top:390px;background: url(../../img/second/right.png); cursor:pointer}
    #slideLeft {width:15px; height:89px; position:absolute; left:50px; top:14px; }
    #slideRight {width:15px; height:89px; position:absolute; right:50px; top:14px;}
    .items
    {
        border-bottom-color:gray;
        border-bottom-width:1px;
        border-bottom-style:dotted;
        }
    </style>

</head>

<body>
<div id="wrapper">
    <div id="center">
        
        <!--标题开始-->
        <div id="title">
            <a href="javascript:history.go(-1);" style=" float:right; color:#333;">返回</a>学院风貌
        </div>
        <!--标题结束-->

        <table width="710px" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td height="349" colspan="5">
                    <div id="gallery">
                     <div id="fullSize" class="article research_con_6_3">
                     </div>
                     <div id="thumbnails">
                             <ul id="innerContainer">
                                 <%--<asp:Repeater ID="Repeater1" runat="server">
                                    <ItemTemplate>
                                        <li class="thumb p1"><img class="p1" alt="" src='<%#Eval("PicPath") %>' />
                                        <div>
                                        <h2 class="items"><%#Eval("PicName")%></h2>
                                        <p>　　<%#Eval("Alt")%>&hellip;&hellip;</p>
                                        </div>
                                        </li>
                                    </ItemTemplate>
                                 </asp:Repeater>--%>
                                <li class="thumb p1"><img class="p1" alt="" src="../../images/scenery/01[1].jpg" />
                                <div>
                                <h2 class="items">某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p2"><img class="p2" alt="" src="../../images/scenery/03[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p3"><img class="p3" alt="" src="../../images/scenery/04[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p4"><img class="p4" alt="" src="../../images/scenery/05[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p5"><img class="p5" alt="" src="../../images/scenery/06[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p6"><img class="p6" alt="" src="../../images/scenery/07[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p7"><img class="p7" alt="" src="../../images/scenery/09[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p8"><img class="p8" alt="" src="../../images/scenery/10[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p9"><img class="p9" alt="" src="../../images/scenery/11[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p10"><img class="p10" alt="" src="../../images/scenery/12[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p11"><img class="p11" alt="" src="../../images/scenery/13[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p12"><img class="p12" alt="" src="../../images/scenery/14[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p13"><img class="p13" alt="" src="../../images/scenery/18[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p14"><img class="p14" alt="" src="../../images/scenery/19[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p15"><img class="p15" alt="" src="../../images/scenery/20[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p16"><img class="p16" alt="" src="../../images/scenery/20[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p17"><img class="p17" alt="" src="../../images/scenery/20[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p18"><img class="p18" alt="" src="../../images/scenery/20[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                &nbsp;</p>
                                <p>　　中央主楼于1959年设计，1960年开始施工，原设计主体12层，中间部分14层，主体框架建至9层时因国家经济困难而停工。1963年修改设计，改为主体基本为9层，中间部分10层，1964年重新开工，1966年5月建成。大楼为刚性基础，现浇钢筋混凝土框架结构，建筑面积34011平方米。后部下层附设500座阶梯式讲演大厅(现称&quot;主楼后厅&quot;)。从中央主厅进入大厅，立即感到一种庄重、浓郁的气氛，门斗、横向大门厅、小过厅、竖向进厅等，组成一个具有西方古典气氛的空间序间。进厅为2层高，3层环有跑马廓，周围布置了会议室、接待室。讲演厅上方为环有&quot;凹&quot;廓的半圆形学术报告厅(现称&quot;主楼接待厅&quot;)。整个建筑气势雄伟，浑然一体。中央主楼标高40米，登上楼顶，清华校园风景尽收眼底。</p>
                                </div>
                                </li>
                                <li class="thumb p19"><img class="p19" alt="" src="../../images/scenery/20[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                                <li class="thumb p20"><img class="p20" alt="" src="../../images/scenery/20[1].jpg" />
                                <div>
                                <h2>某某某某</h2>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某<br />
                                &nbsp;</p>
                                <p>　　某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某&hellip;&hellip;</p>
                                </div>
                                </li>
                            </ul>
                            </div>
                                 <div id="clickLeft" alt="" title="" class="ie6img"></div>
                                 <div id="clickRight" alt="Next" title="Next" class="ie6img"></div>
                                </div>
                            </td>
                <script type="text/javascript">
                    var gallery = function () {
                        //----------------------------js效果在这----------------------------------
                        /* show first image and information */

                        showTime = 5000;

                        timer = 0;

                        absLeft = 0;

                        picCount = 0;

                        var total = $('.thumb img').length;

                        $totalImgs = $('.thumb img');



                        thumbWidth = 0;

                        for (x = 0; x < total; x++) {

                            thumbWidth = thumbWidth + $($totalImgs[x]).outerWidth();

                        }

                        $('#innerContainer').css({ width: thumbWidth + 'px' });

                        $('#innerContainer img').css({ display: 'inline' });

                        firstStr = $('.thumb');

                        showStr = firstStr.html();

                        showDiv(showStr)



                        $('#slideLeft').hover(function (e) {

                            $('#innerContainer').stop();

                            $('#innerContainer').animate({ "left": "0px" }, 2000, "swing")

                        }, function () {

                            $('#innerContainer').stop();

                        });

                        $('#slideRight').hover(function (e) {

                            posLeft = $('#thumbnails').offset().left;

                            absLeft = e.pageX - posLeft;

                            hiddenBit = thumbWidth - 635;

                            $('#innerContainer').stop();

                            $('#innerContainer').animate({ "left": -hiddenBit + "px" }, 2000, "swing")

                        }, function () {

                            $('#innerContainer').stop();

                        });



                        /* monitor mouse clicks */

                        $('.thumb').click(function () {

                            htmlStr = $(this).html();

                            currentLarge = $(this).attr('class').split(' ').slice(-1);

                            if ("p" + (total) == currentLarge) {

                                $('#clickRight').css("backgroundImage", "url(../../img/second/right.png)")

                    .attr("alt", "")

                    .attr("title", "");

                            }

                            else {

                                $('#clickRight').css("backgroundImage", "url(../../img/second/left.png)")

                    .attr("alt", "Next")

                    .attr("title", "Next");

                            }

                            if ("p1" == currentLarge) {

                                $('#clickLeft').css("backgroundImage", "url(../../img/second/right.png)")

                    .attr("alt", "")

                    .attr("title", "");

                            }

                            else {

                                $('#clickLeft').css("backgroundImage", "url(../../img/second/left.png)")

                    .attr("alt", "Previous")

                    .attr("title", "Prevous");

                            }

                            /* swap images and information */

                            $('#fullSize').fadeOut(600, function () { showDiv(htmlStr) });

                        });

                        /* show image and information */

                        function showDiv(htmlStr) {

                            $('#fullSize').html(htmlStr)

                      .fadeIn(600);

                            currentLarge = $('#fullSize img').attr('class');

                            currentLarge = currentLarge.substr(1, 3);



                        }



                        $('#clickRight').click(function () {

                            currentLarge = $('#fullSize img').attr('class');

                            if ("p" + (total - 1) == currentLarge) {

                                $('#clickRight').css("backgroundImage", "url(../../img/second/right.png)")

                       .attr("alt", "")

                       .attr("title", "");

                            }

                            if ("p" + total != currentLarge) {

                                $('#clickLeft').css("backgroundImage", "url(../../img/second/left.png)")

                      .attr("alt", "Previous")

                      .attr("title", "Previous");

                                htmlStr = $('#innerContainer li.' + currentLarge).next('li').html();

                                $('#fullSize').fadeOut(600, function () { showDiv(htmlStr) });

                            }

                            hiddenBit = $('#innerContainer').position().left - 113;

                            if (hiddenBit > -(thumbWidth - 545)) $('#innerContainer').animate({ "left": hiddenBit + "px" }, 500, "swing")

                        });

                        $('#clickLeft').click(function () {

                            currentLarge = $('#fullSize img').attr('class');

                            if ("p2" == currentLarge) {

                                $('#clickLeft').css("backgroundImage", "url(../../img/second/left.png)")

                      .attr("alt", "")

                      .attr("title", "");

                            }

                            if ("p1" != currentLarge) {

                                $('#clickRight').css("backgroundImage", "url(../../img/second/right.png)")

                       .attr("alt", "Next")

                       .attr("title", "Next");

                                htmlStr = $('#innerContainer li.' + currentLarge).prev('li').html();

                                $('#fullSize').fadeOut(600, function () { showDiv(htmlStr) });

                            }

                            hiddenBit = $('#innerContainer').position().left + 113;

                            if (hiddenBit <= 0) $('#innerContainer').animate({ "left": hiddenBit + "px" }, 500, "swing")

                        });

                    }

                    function autoPlay() {

                        currentLarge = $('#fullSize img').attr('class');

                        if ("p" + (total - 1) == currentLarge) {

                            $('#clickRight').css("backgroundImage", "url(../../img/second/right.png)")

                     .attr("alt", "")

                     .attr("title", "");

                        }

                        if ("p" + total != currentLarge) {

                            $('#clickLeft').css("backgroundImage", "url(../../img/second/left.png)")

                     .attr("alt", "Previous")

                     .attr("title", "Previous");

                            htmlStr = $('#innerContainer li.' + currentLarge).next('li').html();

                            $('#fullSize').fadeOut(600, function () { playDiv(htmlStr) });

                        }

                        if ("p" + (total) == currentLarge) {

                            $('#clickLeft').css("backgroundImage", "url(../../img/second/left.png)")

                     .attr("alt", "")

                     .attr("title", "");

                            $('#clickRight').css("backgroundImage", "url(../../img/second/right.png)")

                     .attr("alt", "Next")

                     .attr("title", "Next");

                            htmlStr = $('#innerContainer li.p1').html();

                            $('#fullSize').fadeOut(600, function () { playDiv(htmlStr) });

                        }

                        timer = setTimeout("autoPlay()", showTime);

                    }



                    function playDiv(htmlStr) {

                        $('#fullSize').html(htmlStr).fadeIn(600);

                        currentLarge = $('#fullSize img').attr('class');

                        currentLarge = currentLarge.substr(1, 3);

                    }
                    /* ]]> */

                    $(function () {

                        gallery();

                        timer = setTimeout("autoPlay()", showTime);

                    })

                </script>
            </tr>
        </table>
    </div>
</div>
</body>
</html>
